import classes from './index.module.less';

import React from 'react';

interface IProps {
  title: React.ReactNode;
  children: React.ReactNode;
}

const PageCard = (props: IProps) => {
  const { title } = props;

  return (
    <div className={classes.pageCard}>
      <div className={classes.title}>
        <div className={classes.titlePrefix}></div>
        <div className={classes.titleName}>{title}</div>
      </div>
      <div>{props.children}</div>
    </div>
  );
};

export { PageCard };
